<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/login.css">
</head>

<body>
    <header></header>
    <main>
        <div class="banner">
            <div class="login-box-outer">
                <div class="login-box">
                    <div class="box-bar">
                        <a href=""><span>登录</span></a>
                        <a href="/html/register.html"><span>注册</span></a>
                    </div>
                    <p class="login-type">使用手机验证码登录</p>
                    <div class="login-name">
                        <input type="text" placeholder="请使用手机号登录" id="username">
                    </div>
                    <div class="login-pwd">
                        <input type="password" placeholder="请输入登录密码" id="userpwd">
                    </div>
                    <div class="login-btn">
                        登录
                    </div>
                    <p class="forget">忘记密码</p>
                    <div class="other-login">
                        <h4>第三方登录</h4>
                        <img src="/images/login/other_03.png" alt="">
                        <img src="/images/login/other_03.png" alt="">
                        <img src="/images/login/other_07.png" alt="">
                    </div>
                </div>
            </div>
        </div>
    </main>
    
    <footer></footer>
    <script src="/libs/require/require.min.js" data-main="/js/login"></script>
</body>

</html>